<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <title>悦掌科技人事管理OA系统</title>
  <meta name="renderer" content="webkit" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta http-equiv="Access-Control-Allow-Origin" content="*" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
  <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="format-detection" content="telephone=no" />
  <!-- <link rel="icon" href="images/favicon.ico" /> -->
  <link rel="stylesheet" href="layuimini/lib/layui-v2.5.5/css/layui.css" media="all" />
  <link rel="stylesheet" href="layuimini/css/layuimini.css?v=2.0.4.2" media="all" />
  <link rel="stylesheet" href="layuimini/css/themes/default.css" media="all" />
  <link rel="stylesheet" href="layuimini/lib/font-awesome-4.7.0/css/font-awesome.min.css" media="all" />
  <!--[if lt IE 9]>
      <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
      <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  <style id="layuimini-bg-color"></style>

  <style>
    .foot_class {
      text-align: center;
      color: grey;
    }
  </style>
</head>

<body class="layui-layout-body layuimini-all">
  <div class="layui-layout layui-layout-admin">
    <div class="layui-header header">
      <div class="layui-logo layuimini-logo"></div>

      <div class="layuimini-header-content">
        <a>
          <div class="layuimini-tool">
            <i title="展开" class="fa fa-outdent" data-side-fold="1"></i>
          </div>
        </a>

        <!--手机端头部菜单-->
        <ul class="layui-nav layui-layout-left layuimini-header-menu layuimini-mobile-show">
          <li class="layui-nav-item">
            <a href="javascript:;"><i class="fa fa-list-ul"></i> 选择模块</a>
            <dl class="layui-nav-child layuimini-menu-header-mobile"></dl>
          </li>
        </ul>

        <ul class="layui-nav layui-layout-right">
          <li class="layui-nav-item" lay-unselect>
            <a href="javascript:;" data-refresh="刷新" id="refresh_current"><i class="fa fa-refresh"></i></a>
          </li>

          <!-- 全屏 -->
          <li class="layui-nav-item mobile layui-hide-xs" lay-unselect>
            <a href="javascript:;" data-check-screen="full"><i class="fa fa-arrows-alt"></i></a>
          </li>

          <li class="layui-nav-item layuimini-setting">
            <a href="javascript:;" id="user"></a>
            <dl class="layui-nav-child">
              <dd>
                <a href="javascript:;" layuimini-content-href="page/edit-password.html" data-title="修改密码"
                  class="update_password" data-icon="fa fa-gears">修改密码</a>
              </dd>
              <dd>
                <a href="javascript:;" class="login-out">退出登录</a>
              </dd>
            </dl>
          </li>
          <li class="layui-nav-item layuimini-select-bgcolor" lay-unselect>
            <a href="javascript:;" data-bgcolor="主题配色"><i class="fa fa-ellipsis-v"></i></a>
          </li>
        </ul>
      </div>
    </div>

    <!--无限极左侧菜单-->
    <div class="layui-side layui-bg-black layuimini-menu-left"></div>

    <!--手机端遮罩层-->
    <div class="layuimini-make"></div>

    <!-- 移动导航 -->
    <div class="layuimini-site-mobile"><i class="layui-icon"></i></div>

    <div class="layui-body">
      <div class="layuimini-tab layui-tab-rollTool layui-tab" lay-filter="layuiminiTab" lay-allowclose="true">
        <ul class="layui-tab-title">
          <li class="layui-this" id="layuiminiHomeTabId" lay-id=""></li>
        </ul>
        <div class="layui-tab-control">
          <li class="layuimini-tab-roll-left layui-icon layui-icon-left"></li>
          <li class="layuimini-tab-roll-right layui-icon layui-icon-right"></li>
          <li class="layui-tab-tool layui-icon layui-icon-down">
            <ul class="layui-nav close-box">
              <li class="layui-nav-item">
                <a href="javascript:;"><span class="layui-nav-more"></span></a>
                <dl class="layui-nav-child">
                  <dd>
                    <a href="javascript:;" layuimini-tab-close="current">关 闭 当 前</a>
                  </dd>
                  <dd>
                    <a href="javascript:;" layuimini-tab-close="other">关 闭 其 他</a>
                  </dd>
                  <dd>
                    <a href="javascript:;" layuimini-tab-close="all">关 闭 全 部</a>
                  </dd>
                </dl>
              </li>
            </ul>
          </li>
        </div>
        <div class="layui-tab-content">
          <div id="layuiminiHomeTabIframe" class="layui-tab-item layui-show"></div>
        </div>
        <!-- 底部固定区域 -->
        <div class="layui-footer">
          <div class="footer foot_class">
            <span>
              Copyright ©2023 悦掌科技版权所有
            </span>
          </div>
        </div>
      </div>
    </div>
  </div>
  <script src="layuimini/lib/layui-v2.5.5/layui.js" charset="utf-8"></script>
  <script src="layuimini/js/lay-config.js?v=2.0.0" charset="utf-8"></script>
  <script>
    layui.use(
      ["jquery", "layer", "miniAdmin", "miniTongji", "common"],
      function () {
        var $ = layui.jquery,
          layer = layui.layer,
          miniAdmin = layui.miniAdmin,
          miniTongji = layui.miniTongji,
          common = layui.common;

        // 初始化
        layer.ready(function () {
          if (common.getToken() == undefined) {
            window.location.href = "/login.html";
          }
          common.ajax(common.api + "/user/name", null, function (data) {
            $("#user").html(
              data.data + '<span class="layui-nav-more" ></span>'
            );
          });

          // 定时接口轮询，验证token的有效性，以便于账号在其它地方登录，及时的踢出上次登录账号
          var timer = window.setInterval(() => {
            common.ajax(
              common.api + "/user/token/check",
              timer,
              function (data) { }
            );
          }, 3000);
        });

        var options = {
          // iniUrl: "layuimini/api/init.json", // 初始化接口
          iniUrl:
            common.api + "/menu/userMenuList?token=" + common.getToken(), // 初始化接口
          clearUrl: "layuimini/api/clear.json", // 缓存清理接口
          urlHashLocation: true, // 是否打开hash定位
          bgColorDefault: 1, // 主题默认配置
          multiModule: false, // 是否开启多模块
          menuChildOpen: false, // 是否默认展开菜单
          loadingTime: 0, // 初始化加载时间
          pageAnim: true, // iframe窗口动画
          maxTabNum: 15, // 最大的tab打开数量
        };
        miniAdmin.render(options);

        $(".login-out").on("click", function () {
          layer.msg("退出登录成功", { icon: 1, time: 2000 }, function () {
            common.setToken("");
            window.location = "/login.html";
          });
        });
        $(".update_password").on("click", function () {
          let currentUrl = window.location.href;
          if (currentUrl.includes("edit-password")) {
            $("#refresh_current").click();
          }
        });
      }
    );
  </script>
</body>

</html>